<%--
  Created by IntelliJ IDEA.
  User: 三斤
  Date: 2022/11/24
  Time: 20:14
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>世界杯分组</title>
    <script language="javaScript">
        //当鼠标移动到菜单选项的时候显示对应的DIV
        function show(menu)
        {
            document.getElementById(menu).style.visibility="visible";
        }
        //当鼠标移出的时候隐藏所有的DIV
        function hide()
        {
            document.getElementById("menu1").style.visibility="hidden";
            document.getElementById("menu2").style.visibility="hidden";
            document.getElementById("menu3").style.visibility="hidden";
            document.getElementById("menu4").style.visibility="hidden";
            document.getElementById("menu5").style.visibility="hidden";
            document.getElementById("menu6").style.visibility="hidden";
            document.getElementById("menu7").style.visibility="hidden";
            document.getElementById("menu8").style.visibility="hidden";
        }
    </script>
</head>
<body>
<table>
    <tr bgcolor="#9999FF" align="center">
        <td width="120" onMouseMove="show('menu1')" onMouseOut="hide()">A组</td>
        <td width="120" onMouseMove="show('menu2')" onMouseOut="hide()">B组</td>
        <td width="120" onMouseMove="show('menu3')" onMouseOut="hide()">C组</td>
        <td width="120" onMouseMove="show('menu4')" onMouseOut="hide()">D组</td>
        <td width="120" onMouseMove="show('menu5')" onMouseOut="hide()">E组</td>
        <td width="120" onMouseMove="show('menu6')" onMouseOut="hide()">F组</td>
        <td width="120" onMouseMove="show('menu7')" onMouseOut="hide()">G组</td>
        <td width="120" onMouseMove="show('menu8')" onMouseOut="hide()">H组</td>
    </tr>
</table>
<div id="menu1" onMouseMove="show('menu1')"  onMouseOut="hide()"
     style="background:#9999FF;position:absolute;left:10;top:33;width:990;visibility:hidden">
    <span><h2>A</h2></span><br>
    <span><a href="https://tiyu.baidu.com/team/e37f589321ffb8ced53d4fb4de96e5ff/tab/%E8%B5%9B%E7%A8%8B" target="_blank"><h2>荷兰</h2></a></span><br>
    <span><a href="https://tiyu.baidu.com/team/e03d262a641690d6021146f8a1960c55/tab/%E9%98%B5%E5%AE%B9" target="_blank"><h2>厄瓜多尔</h2></a></span><br>
    <span><a href="https://tiyu.baidu.com/team/023fb7a8de59b54f288308c180e292fa/tab/%E9%98%B5%E5%AE%B9" target="_blank"><h2>塞内加尔</h2></a></span><br>
    <span><a href="https://tiyu.baidu.com/team/1d55f57a5cdc344f0944d2fba5e82f0a/tab/%E9%98%B5%E5%AE%B9" target="_blank"><h2>卡塔尔</h2></a></span><br>
</div>
<div id="menu2" onMouseMove="show('menu2')"  onMouseOut="hide()"
     style="background:#9999FF;position:absolute;left:10;top:33;width:990;visibility:hidden">
    <span><h2>B</h2></span><br>
    <span><a href="https://tiyu.baidu.com/team/b78be5f1faa30defec36cef442b11431/tab/%E9%98%B5%E5%AE%B9" target="_blank"><h2>英格兰</h2></a></span><br>
    <span><a href="https://tiyu.baidu.com/team/792c436bdfa3b04ba893185bca0a96ca/tab/%E9%98%B5%E5%AE%B9" target="_blank"><h2>威尔士</h2></a></span><br>
    <span><a href="https://tiyu.baidu.com/team/a09c0a1b5f939e899c2c90239c3061f2/tab/%E9%98%B5%E5%AE%B9" target="_blank"><h2>美国</h2></a></span><br>
    <span><a href="https://tiyu.baidu.com/team/a57d0fd569253f6bfd9486dd6db9d484/tab/%E9%98%B5%E5%AE%B9" target="_blank"><h2>伊朗</h2></a></span><br>
</div>
<div id="menu3" onMouseMove="show('menu3')"  onMouseOut="hide()"
     style="background:#9999FF;position:absolute;left:10;top:33;width:990;visibility:hidden">
    <span><h2>C</h2></span><br>
    <span><a href="https://tiyu.baidu.com/team/71193d502f1a0147c8d13f3f78eb1729/tab/%E9%98%B5%E5%AE%B9" target="_blank"><h2>沙特阿拉伯</h2></a></span><br>
    <span><a href="https://tiyu.baidu.com/team/2489081dcd79df35621052c58cef05e9/tab/%E9%98%B5%E5%AE%B9" target="_blank"><h2>波兰</h2></a></span><br>
    <span><a href="https://tiyu.baidu.com/team/9c24b86859123a6a7218b5600e65680e/tab/%E9%98%B5%E5%AE%B9" target="_blank"><h2>墨西哥</h2></a></span><br>
    <span><a href="https://tiyu.baidu.com/team/3d9f26830ac65f2297cc3c1d20487154/tab/%E9%98%B5%E5%AE%B9" target="_blank"><h2>阿根廷</h2></a></span><br>
</diV>
<div id="menu4" onMouseMove="show('menu4')"  onMouseOut="hide()"
     style="background:#9999FF;position:absolute;left:10;top:33;width:990;visibility:hidden">
    <span><h2>D</h2></span><br>
    <span><a href="https://tiyu.baidu.com/team/396c35d0620914f054cdb72e46a5f174/tab/%E9%98%B5%E5%AE%B9" target="_blank"><h2>法国</h2></a></span><br>
    <span><a href="https://tiyu.baidu.com/team/18c8a8c7502910e966a80fb74b4274b5/tab/%E9%98%B5%E5%AE%B9" target="_blank"><h2>突尼斯</h2></a></span><br>
    <span><a href="https://tiyu.baidu.com/team/6a22ec8e170c33335a4026de9bba3e92/tab/%E9%98%B5%E5%AE%B9" target="_blank"><h2>丹麦</h2></a></span><br>
    <span><a href="https://tiyu.baidu.com/team/ad002317be38a25026110feccea14ed1/tab/%E9%98%B5%E5%AE%B9" target="_blank"><h2>澳大利亚</h2></a></span><br>
</div>
<div id="menu5" onMouseMove="show('menu5')"  onMouseOut="hide()"
     style="background:#9999FF;position:absolute;left:10;top:33;width:990;visibility:hidden">
    <span><h2>E</h2></span><br>
    <span><a href="https://tiyu.baidu.com/team/ca0f779e8db617a828a1c886d6beb530/tab/%E9%98%B5%E5%AE%B9" target="_blank"><h2>西班牙</h2></a></span><br>
    <span><a href="https://tiyu.baidu.com/team/017ebd53c335a35f3ff9c611be8cc5c8/tab/%E9%98%B5%E5%AE%B9" target="_blank"><h2>日本</h2></a></span><br>
    <span><a href="https://tiyu.baidu.com/team/d885ec68c7b46dbfd4a8f6e41d577ba0/tab/%E9%98%B5%E5%AE%B9" target="_blank"><h2>德国</h2></a></span><br>
    <span><a href="https://tiyu.baidu.com/team/f1a01336b73831a0710c0c77c8e8b475/tab/%E9%98%B5%E5%AE%B9" target="_blank"><h2>哥斯达黎加</h2></a></span><br>
</div>
<div id="menu6" onMouseMove="show('menu6')"  onMouseOut="hide()"
     style="background:#9999FF;position:absolute;left:10;top:33;width:990;visibility:hidden">
    <span><h2>F</h2></span><br>
    <span><a href="https://tiyu.baidu.com/team/35779c25e9dec553f154e9d6286925e6/tab/%E9%98%B5%E5%AE%B9" target="_blank"><h2>比利时</h2></a></span><br>
    <span><a href="https://tiyu.baidu.com/team/b16a9fdf450c58c762b49202c4d13efe/tab/%E9%98%B5%E5%AE%B9" target="_blank"><h2>克罗地亚</h2></a></span><br>
    <span><a href="https://tiyu.baidu.com/team/785dab5ff819d718c38cbb2a0b877a69/tab/%E9%98%B5%E5%AE%B9" target="_blank"><h2>摩洛哥</h2></a></span><br>
    <span><a href="https://tiyu.baidu.com/team/265243e3f2e8dd1261e98f372183240f/tab/%E9%98%B5%E5%AE%B9" target="_blank"><h2>加拿大</h2></a></span><br>
</div>
<div id="menu7" onMouseMove="show('menu7')"  onMouseOut="hide()"
     style="background:#9999FF;position:absolute;left:10;top:33;width:990;visibility:hidden">
    <span><h2>G</h2></span><br>
    <span><a href="https://tiyu.baidu.com/team/f4079adf3275b6d9e8bf32ed030591e6/tab/%E9%98%B5%E5%AE%B9" target="_blank"><h2>瑞士</h2></a></span><br>
    <span><a href="https://tiyu.baidu.com/team/4830eeaf28310fd04512ea4627fab84e/tab/%E9%98%B5%E5%AE%B9" target="_blank"><h2>巴西</h2></a></span><br>
    <span><a href="https://tiyu.baidu.com/team/b92535372efd0c6bc7df7b84b9c7b577/tab/%E9%98%B5%E5%AE%B9" target="_blank"><h2>塞尔维亚</h2></a></span><br>
    <span><a href="https://tiyu.baidu.com/team/1692195abf8c7835f4212113975b49a6/tab/%E9%98%B5%E5%AE%B9" target="_blank"><h2>喀麦隆</h2></a></span><br>
</div>
<div id="menu8" onMouseMove="show('menu8')"  onMouseOut="hide()"
     style="background:#9999FF;position:absolute;left:10;top:33;width:990;visibility:hidden">
    <span><h2>H</h2></span><br>
    <span><a href="https://tiyu.baidu.com/team/cd3b2deb45caa7373a08831e7de0f5ac/tab/%E9%98%B5%E5%AE%B9" target="_blank"><h2>葡萄牙</h2></a></span><br>
    <span><a href="https://tiyu.baidu.com/team/e00c50535a28cf7807621db0085a8382/tab/%E9%98%B5%E5%AE%B9" target="_blank"><h2>加纳</h2></a></span><br>
    <span><a href="https://tiyu.baidu.com/team/7582d690648eb69085503eb2a08b5b39/tab/%E9%98%B5%E5%AE%B9" target="_blank"><h2>乌拉圭</h2></a></span><br>
    <span><a href="https://tiyu.baidu.com/team/e350aa265bc58bf922eb6ec5d3b705f3/tab/%E9%98%B5%E5%AE%B9" target="_blank"><h2>韩国</h2></a></span><br>
</div>
</body>
</html>
